<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>导入Excel</title>
        <link href="{:_static()}/css/common.css" />
    </head>
    <body>
        <div id="ws-import-main">
            <!-- {notempty name="$options"} -->
            <p class="title">
                结构如下图：
            </p>
            <div class="table">
                <div class="row">
                    <div class="col"></div>
                    <!-- {foreach $options as $k=> $v} -->
                    <div class="col">{$head[$k]}</div>
                    <!-- {/foreach} -->
                </div>
                <!-- {for start="0" end="3"} -->
                <div class="row">
                    <div class="col leftbar">{$i+1}</div>
                    <!-- {foreach $options as $v} -->
                    <div class="col">
                        <!-- {if($i<=0)} -->
                            {$v}
                        <!-- {elseif(!empty($v))/} -->
                            ---
                        <!-- {/if} -->
                    </div>
                    <!-- {/foreach} -->
                </div>
                <!-- {/for} -->
            </div>
            <p class="foot">

                <button class="layui-btn ws-import-btn">
                    导入Excel
                    <input type="file" class="ws-import-file" onchange="importf(this)" title=" ">
                </button>
            </p>
            <!-- {/notempty} -->
        </div>
    </body>
</html>
<style>
#ws-import-main{padding: 10px;}
#ws-import-main .title{line-height: 30px;}
#ws-import-main *{color:#474747;}
#ws-import-main .table {display: table;border-collapse: collapse;}
#ws-import-main .row{display: table-row;}
#ws-import-main .col{display: table-cell;border: 1px solid #ddd;line-height: 20px; text-align: center;}
#ws-import-main .row:first-child,#ws-import-main .col:first-child{background-color: #eee;font-size: 13px;}
#ws-import-main .col:first-child{width: 30px;}
#ws-import-main .col:not(:first-child){min-width: 90px;padding:0 5px;}
#ws-import-main .row:not(:first-child) .col{line-height: 28px;}
#ws-import-main .foot{text-align: center;padding-top: 15px;}
#ws-import-main .ws-import-btn{color: #fff;overflow: hidden;position: relative;}
#ws-import-main .ws-import-file{height: 100%;width: 100%;position: absolute;left: 0px;top: 0px;}
</style>
